﻿@model CofeWebApplication.ServiceReference1.CourseDTO

@{
    ViewBag.Title = "Details";
}

<div class="jumbotron-fluid">
    <h2 class="text-center" style="color:antiquewhite; text-shadow: 2px 2px 10px #000000; font-size: 3.3vw">Course Details</h2>
    <h3 class="text-center" style="color:antiquewhite; text-shadow: 2px 2px 10px #000000; font-size: 3.3vw">@Html.DisplayFor(model => model.Name)</h3>
</div>

<div style="margin-top: 50px">
    <hr />
    <div class="container" style=" padding-top:50px;">
        <div class=" row">

            <div class=" col-md-8">
                <div>
                    <dl class="dl-horizontal">
                        <dt>
                            @Html.DisplayNameFor(model => model.Name)
                        </dt>

                        <dd>
                            @Html.DisplayFor(model => model.Name)
                        </dd>

                        <dt>
                            @Html.DisplayNameFor(model => model.Length)
                        </dt>

                        <dd>
                            @Html.DisplayFor(model => model.Length)
                        </dd>

                        <dt>
                            @Html.DisplayNameFor(model => model.Rating)
                        </dt>

                        <dd>
                            <span> @Html.DisplayFor(model => model.Rating) / 5</span>
                        </dd>

                        <dt>
                            @Html.DisplayNameFor(model => model.Difficulty)
                        </dt>

                        <dd>
                            @Html.DisplayFor(model => model.Difficulty)
                        </dd>

                        <dt>
                            @Html.DisplayNameFor(model => model.Description)
                        </dt>

                        <dd>
                            @Html.DisplayFor(model => model.Description)
                        </dd>

                        <dt>
                            Available Start Dates
                        </dt>

                        <dd>
                            @Html.DisplayFor(model => model.AvailableStartDates)
                        </dd>

                        <dt>
                            @Html.DisplayNameFor(model => model.Price)
                        </dt>

                        <dd>
                            <span> £@Html.DisplayFor(model => model.Price)</span>
                        </dd>

                    </dl>
                </div>
                <p>
                    @Html.ActionLink("Edit", "Edit", new { id = Model.Id }) |
                    @Html.ActionLink("Back to List", "Index")
                </p>
            </div>

            <div class="col-md-4">
                <img src="~/Content/Image/baristatraining.jpg" />

            </div>
        </div>

    </div>
</div>